<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="../ico/ai45v-vjnuj-001.ico">
  <!-- CSS only -->
  <link href="./css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  <!-- JavaScript Bundle with Popper -->
  <script src="./js/bootstrap.bundle.min.js"
      integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous">
      </script>
  <script src="./js/jquery-3.4.1.min.js"></script>
  <title>我要发布</title>
</head>

<body>
  <button class="btn btn-primary sticky-top" id="return"
    style="width: 15%;margin: 5%;float: left;display: block;">返回</button>

  <button class="btn btn-primary sticky-top" id="submit"
    style="width: 15%;margin: 5%;float: right;display: block;">提交</button>

  <div class="  nav justify-content-center   mx-auto" style="width: 50%; margin-top: 10%;">
    <div class="bd-example-snippet bd-code-snippet" style="width: 80%;">
      <div class="bd-example">

        <div class="mb-3">
          <input class="zzz form-control form-control-lg" type="text" placeholder="菜名"
            aria-label=".form-control-lg example" id="foodname_input">
        </div>

        <div class="mb-3" style="border: 2px solid #e9ecef; border-radius: 18px;">
          <button class="mt-1 rounded-circle" style="float: right;margin-right: 15px;"
            id="ingredients_insert">+</button>
          <div class="formula_inout_div mb-1 mt-1 text-justify" style="margin-left: 10%;">
            <input class="zzz form-control form-control-lg" style="width:40%;display: inline" type="text"
              placeholder="配料名" aria-label=".form-control-lg example">
            <input class="zzz form-control form-control-lg" style="width:40%;display: inline" type="text"
              placeholder="量，例如：一克、一颗" aria-label=".form-control-lg example">
          </div>
        </div>

        <div class="form-floating mb-3">
          <textarea class="zzz form-control" placeholder="Leave a comment here" id="floatingTextarea2"
            style="height: 100px"></textarea>
          <label
            for="floatingTextarea2">做法，例如：1生菜洗净备用。2做上一锅水，放入少许盐和油，这样焯出来的生菜不会变黄，把生菜放入锅内烫40秒左右，然后捞出控水，装盘。3把蒜切成末放入碗中，浇入热油，然后根据口味放入蒸鱼豉油和几滴香油，搅拌均匀后到在生菜上，就行啦。
          </label>
        </div>
        <div class="mb-3">
          <select class="form-select form-select-lg" aria-label=".form-select-lg example" id="classid_select">
            <option selected value="">菜类</option>
          </select>
        </div>
        <div class="mb-3">
          <div class="input-group mb-3">
            <label class="input-group-text" for="inputGroupFile01">菜品样图</label>
            <input type="file" class="form-control" id="picture">
          </div>
        </div data-position>
      </div>
    </div>
  </div>


  <script src="./js/insert.js">

  </script>
</body>

</html>